.ui-tile-uploader {

}

.ui-tile-uploader-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.ui-tile-uploader-item {
	position: relative;
	display: inline-block;
	width: 120px;
	height: 122px;
	padding: 4px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin-right: 20px;
	margin-bottom: 24px;
	border-radius: 12px;

	background-color: #fff;
	-webkit-transition: top .3s, -webkit-box-shadow .3s;
	transition: top .3s, -webkit-box-shadow .3s;
	-o-transition: box-shadow .3s, top .3s;
	transition: box-shadow .3s, top .3s;
	transition: box-shadow .3s, top .3s, -webkit-box-shadow .3s;
	cursor: pointer;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
	        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
	will-change: top;
}

.ui-tile-uploader-item:hover {
	-webkit-box-shadow: 0 5px 6px 0 rgba(0, 0, 0, .22);
	        box-shadow: 0 5px 6px 0 rgba(0, 0, 0, .22);
	top: -1px;
}

.ui-tile-uploader-item--uploading {
	--ui-tile-uploader-item-state-bgcolor: rgba(47, 198, 246, 0.95);
	--ui-tile-uploader-item-status-color: #fff;
	--ui-tile-uploader-item-content-bgcolor: rgba(255, 255, 255, 0.2);
	--ui-tile-uploader-item-state-desc-color: rgba(255, 255, 255, 0.7);
}

.ui-tile-uploader-item--load-failed,
.ui-tile-uploader-item--upload-failed {
	--ui-tile-uploader-item-state-bgcolor: rgba(255, 87, 82, .95);
	--ui-tile-uploader-item-status-color: #fff;
	--ui-tile-uploader-item-state-icon-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.98 10V5h2v5h-2zM9.98 12a1 1 0 11-2 0 1 1 0 012 0z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.83 9A8.85 8.85 0 11.13 9a8.85 8.85 0 0117.7 0zm-2.892 0A5.957 5.957 0 113.024 9a5.957 5.957 0 0111.914 0z' fill='%23fff'/%3E%3C/svg%3E");
	--ui-tile-uploader-item-state-icon-opacity: 0.7;
	--ui-tile-uploader-item-content-bgcolor: rgba(255, 87, 82, .2);
	--ui-tile-uploader-item-state-desc-color: rgba(255, 255, 255, 0.8);
}

.ui-tile-uploader-item--added,
.ui-tile-uploader-item--loading,
.ui-tile-uploader-item--pending {
	--ui-tile-uploader-item-state-bgcolor: rgba(82, 92, 105, .06);
	--ui-tile-uploader-item-status-color: #525c69;
	--ui-tile-uploader-item-state-icon-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.8' fill-rule='evenodd' clip-rule='evenodd' d='M18 8.973a8.973 8.973 0 11-17.945 0 8.973 8.973 0 0117.945 0zm-2.834 0a6.14 6.14 0 11-12.278 0 6.14 6.14 0 0112.278 0zM7.915 4.939h2.144v3.048h1.998v2.195H7.915V4.94z' fill='%232FC6F6'/%3E%3C/svg%3E");
	--ui-tile-uploader-item-state-icon-opacity: 0.6;
	--ui-tile-uploader-item-content-bgcolor: rgba(255, 255, 255, .5);
	--ui-tile-uploader-item-state-desc-color: rgba(82, 92, 105, 0.8);

	--ui-tile-uploader-item-state-remove-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.122 5.637l3.904 3.905-1.504 1.505-3.905-3.905-3.905 3.904L.207 9.543l3.905-3.905L.207 1.732 1.712.227l3.905 3.905L9.522.227l1.504 1.505-3.904 3.905z' fill='%23525C69'/%3E%3C/svg%3E");
	--ui-tile-uploader-item-state-remove-opacity: 0.2;
	--ui-tile-uploader-item-state-remove-opacity-hover: 0.8;
}

.ui-tile-uploader-item--load-failed,
.ui-tile-uploader-item--upload-failed,
.ui-tile-uploader-item--uploading {
	--ui-tile-uploader-item-state-remove-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.122 5.637l3.904 3.905-1.504 1.505-3.905-3.905-3.905 3.904L.207 9.543l3.905-3.905L.207 1.732 1.712.227l3.905 3.905L9.522.227l1.504 1.505-3.904 3.905z' fill='%23fff'/%3E%3C/svg%3E");
	--ui-tile-uploader-item-state-remove-opacity: 0.4;
	--ui-tile-uploader-item-state-remove-opacity-hover: 1;
}

.ui-tile-uploader-item-content {
	border-radius: 8px;
	width: 100%;
	height: 100%;
	position: relative;

	background-color: var(--ui-tile-uploader-item-content-bgcolor);
}

.ui-tile-uploader-item-state {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 31px;
	border-radius: 8px 8px 0 0;
	z-index: 10;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #edeef0;
	background-color: var(--ui-tile-uploader-item-state-bgcolor);
}

.ui-tile-uploader-item-state-icon,
.ui-tile-uploader-item-loader {
	position: absolute;
	left: 6px;
	top: 5px;
	width: 18px;
	height: 18px;

	background-image: var(--ui-tile-uploader-item-state-icon-image);
	opacity: var(--ui-tile-uploader-item-state-icon-opacity);
}

.ui-tile-uploader-item-state-icon {
	background-image: var(--ui-tile-uploader-item-state-icon-image);
	opacity: var(--ui-tile-uploader-item-state-icon-opacity);
}

.ui-tile-uploader-item-status {
	position: absolute;
	left: 28px;
	top: 5px;
	right: 20px;
	line-height: 14px;
	white-space: nowrap;
	overflow-x: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	color: #525c69;
	color: var(--ui-tile-uploader-item-status-color);
}

.ui-tile-uploader-item-state-desc {
	position: absolute;
	left: 28px;
	top: 15px;
	right: 20px;
	font-size: 9px;
	line-height: 14px;
	white-space: nowrap;
	overflow-x: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	color: var(--ui-tile-uploader-item-state-desc-color);
}

.ui-tile-uploader-item-state-remove {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 31px;
	background-image: var(--ui-tile-uploader-item-state-remove-image);
	background-repeat: no-repeat;
	background-position: center;
	opacity: var(--ui-tile-uploader-item-state-remove-opacity);
	cursor: pointer;
	-webkit-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	transition: opacity 300ms;
	z-index: 1;
}

.ui-tile-uploader-item-state-remove:hover {
	opacity: var(--ui-tile-uploader-item-state-remove-opacity-hover);
}

.ui-tile-uploader-item-preview {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.ui-tile-uploader-item-image {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.ui-tile-uploader-item-image-default {
	background:
		-webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.8)),
		to(rgba(255, 255, 255, 0.8))),
		-webkit-gradient(linear, left bottom, left top, from(#EDEEF0), to(#EDEEF0))
	;
	background:
		-o-linear-gradient(bottom, rgba(255, 255, 255, 0.8),
		rgba(255, 255, 255, 0.8)),
		-o-linear-gradient(bottom, #EDEEF0, #EDEEF0)
	;
	background:
		linear-gradient(0deg, rgba(255, 255, 255, 0.8),
		rgba(255, 255, 255, 0.8)),
		linear-gradient(0deg, #EDEEF0, #EDEEF0)
	;
}

.ui-tile-uploader-item-image-default:before {
	content: '';
	position: absolute;
	left: 12px;
	right: 12px;
	top: 38px;
	bottom: 6px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='83' height='67'%3E%3Cpath fill='%23B9BEC4' fill-rule='evenodd' d='M22.132 22l27.667 28.126 11.07-11.252L83 61.375V67H0V44.498L22.132 22zM69.5 0C75.299 0 80 4.701 80 10.5S75.299 21 69.5 21 59 16.299 59 10.5 63.701 0 69.5 0z' opacity='.3'/%3E%3C/svg%3E");
}

.ui-tile-uploader-item-image-name {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	position: absolute;
	width: 100%;
	height: 50px;
	bottom: -50px;
	padding: 5px 6px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background-color: #fff;
	font-size: 12px;
	line-height: 15px;
	color: #525c69;
	word-break: break-all;
	-webkit-transition: bottom 0.3s;
	-o-transition: bottom 0.3s;
	transition: bottom 0.3s;
	-webkit-transition-delay: 0.3s;
	     -o-transition-delay: 0.3s;
	        transition-delay: 0.3s;
	will-change: bottom;
	z-index: 1;
}

.ui-tile-uploader-item:hover .ui-tile-uploader-item-image-name {
	bottom: 0;
}

.ui-tile-uploader-item-actions {
	position: absolute;
	top: -4px;
	right: -4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 0 4px;
	border-radius: 0 14px 0 8px;
	background-color: #fff;
	z-index: 4;
}

.ui-tile-uploader-item-remove, .ui-tile-uploader-item-menu {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
	opacity: .5;
	cursor: pointer;
	z-index: 1;
}

.ui-tile-uploader-item-remove {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.122 5.637l3.904 3.905-1.504 1.505-3.905-3.905-3.905 3.904L.207 9.543l3.905-3.905L.207 1.732 1.712.227l3.905 3.905L9.522.227l1.504 1.505-3.904 3.905z' fill='%23525C69'/%3E%3C/svg%3E");
	margin-left: -24px;
	-webkit-transform: translate(24px, 0);
	    -ms-transform: translate(24px, 0);
	        transform: translate(24px, 0);
	opacity: 0;
	-webkit-transition: opacity .3s, margin-left .3s, -webkit-transform .3s;
	transition: opacity .3s, margin-left .3s, -webkit-transform .3s;
	-o-transition: opacity .3s, transform .3s, margin-left .3s;
	transition: opacity .3s, transform .3s, margin-left .3s;
	transition: opacity .3s, transform .3s, margin-left .3s, -webkit-transform .3s;
}

.ui-tile-uploader-item:hover .ui-tile-uploader-item-remove {
	margin-left: 0;
	-webkit-transform: translate(0, 0);
	    -ms-transform: translate(0, 0);
	        transform: translate(0, 0);
	opacity: .4;
}

.ui-tile-uploader-item:hover .ui-tile-uploader-item-remove:hover {
	opacity: .9;
}

.ui-tile-uploader-item-menu {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2a2 2 0 11-4 0 2 2 0 014 0zm6 0a2 2 0 11-4 0 2 2 0 014 0zm4 2a2 2 0 100-4 2 2 0 000 4z' fill='%23525C69'/%3E%3C/svg%3E");
	opacity: .4;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}

.ui-tile-uploader-item-menu:hover {
	opacity: .9;
}


.disk-file-control {
	position: relative;
}

.disk-file-control-panel-doc-wrap,
.disk-file-control-panel-file-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.disk-file-control-panel-file-wrap {
	margin-bottom: 24px;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}

.disk-file-control-panel-label {
	margin: 0 -13px 0 -35px;
}

.disk-file-control-panel-label-item {
	position: relative;
	margin-bottom: 9px;
	padding: 0 13px;
	display: block;
	font: 14px 'OpenSans-Regular', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	color: rgba(255,255,255,.5);
	-webkit-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	        transform: rotate(-90deg);
}

.disk-file-control-panel-label-item:before,
.disk-file-control-panel-label-item:after {
	content: '';
	position: absolute;
	top: -8px;
	left: -18px;
	display: block;
	width: 1px;
	height: 39px;
	background-color: rgba(255,255,255,.2);
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
}

.disk-file-control-panel-label-item:after {
	top: -6px;
	left: auto;
	right: -14px;
	height: 35px;
}

.disk-file-control-panel-card-box {
	margin-right: 16px;
	border-radius: 12px 61px 12px 12px;
	-webkit-transition: -webkit-box-shadow .3s;
	transition: -webkit-box-shadow .3s;
	-o-transition: box-shadow .3s;
	transition: box-shadow .3s;
	transition: box-shadow .3s, -webkit-box-shadow .3s;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.09);
	        box-shadow: 0 1px 3px 0 rgba(0,0,0,.09);
}

.disk-file-control-panel-card-box:hover {
	-webkit-box-shadow: 0 5px 6px 0 rgba(0,0,0,.22);
	        box-shadow: 0 5px 6px 0 rgba(0,0,0,.22);
}


.disk-file-thumb-loader-size {
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
	font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #525c69;
}
.disk-file-thumb-box .ui-progressround-status-percent-incircle {
	font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.disk-file-thumb-icon {
	display: none;
	margin: 20px auto 13px auto;
	width: 42px;
	height: 42px;
}

.disk-file-thumb-text {
	display: none;
	padding: 0 6px;
	font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: rgba(82,92,105,.8);
	-webkit-box-orient: vertical;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	line-clamp: 3;
}

.disk-file-thumb--active.disk-file-thumb:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 8px;
	background-color: #fff;
	opacity: .8;
	z-index: 1;
}


.disk-file-thumb--loading:before {
	content: 'Loading';
	color: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.disk-file-thumb.disk-file-thumb-file .disk-file-thumb-image {
	display: none;
}

.disk-file-thumb.disk-file-thumb-file .disk-file-thumb-icon {
	display: block;
}

.disk-file-thumb.disk-file-thumb-file .disk-file-thumb-text {
	display: block;
	display: -webkit-box;
}

.disk-file-thumb--active .disk-file-thumb-loader {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.disk-file-thumb-btn-box {
	position: absolute;
	top: -4px;
	right: -4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 0 4px;
	border-radius: 0 14px 0 8px;
	background-color: #fff;
	z-index: 4;
}

.disk-file-thumb-btn-close,
.disk-file-thumb-btn-more {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
	opacity: .5;
	cursor: pointer;
	z-index: 1;
}

.disk-file-thumb-btn-close {
	margin-left: -24px;
	-webkit-transform: translate(24px, 0);
	    -ms-transform: translate(24px, 0);
	        transform: translate(24px, 0);
	opacity: 0;
	-webkit-transition: opacity .15s, margin-left .3s, -webkit-transform .3s;
	transition: opacity .15s, margin-left .3s, -webkit-transform .3s;
	-o-transition: opacity .15s, transform .3s, margin-left .3s;
	transition: opacity .15s, transform .3s, margin-left .3s;
	transition: opacity .15s, transform .3s, margin-left .3s, -webkit-transform .3s;
}

.disk-file-thumb:hover .disk-file-thumb-btn-close {
	margin-left: 0;
	-webkit-transform: translate(0, 0);
	    -ms-transform: translate(0, 0);
	        transform: translate(0, 0);
	opacity: .5;
}

.disk-file-thumb-btn-more {
	z-index: 2;
}

.disk-file-thumb:hover .disk-file-thumb-btn-close:hover,
.disk-file-thumb-btn-more:hover {
	opacity: 1;
}

.disk-file-thumb-btn-close {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.142 5.637l3.904 3.905-1.504 1.504-3.905-3.904-3.905 3.904L.227 9.542l3.905-3.905L.227 1.732 1.732.227l3.905 3.905L9.542.227l1.504 1.505z' fill='%23525C69' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.disk-file-thumb-btn-more {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 0a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4z' fill='%23525C69' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.disk-file-control-panel-card-file .disk-file-control-panel-card-name {
	color: #525c69;
}

.disk-file-control-panel-doc-wrap .disk-file-control-panel-card-btn {
	display: block;
}

.disk-file-control-panel-card--doc .disk-file-control-panel-card-icon {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='52' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23E5E8EB' d='M0 .087h27.728L38.83 11.745v39.347H0z'/%3E%3Cpath fill='%23535C69' opacity='.3' d='M27.604.087l11.226 11.44H27.604z'/%3E%3Cpath fill='%232C77B1' fill-rule='nonzero' d='M15.53 22.96H44v14.918H15.53z'/%3E%3Cpath d='M19.452 33.976h2.031c2.602 0 4.095-1.578 4.095-3.818 0-2.195-1.38-3.715-4.005-3.715h-2.12v7.533zm1.179-1.018V27.46h.841c1.918 0 2.85 1.086 2.85 2.71 0 1.508-.753 2.788-2.828 2.788h-.863zm9.746 1.132c2.11 0 3.68-1.52 3.68-3.852 0-2.264-1.514-3.864-3.68-3.864-2.154 0-3.69 1.577-3.69 3.864 0 2.32 1.547 3.852 3.69 3.852zm0-1.018c-1.458 0-2.434-1.074-2.434-2.834s.976-2.847 2.434-2.847c1.514 0 2.435 1.143 2.435 2.847 0 1.76-.977 2.834-2.435 2.834zM41 32.57a3.456 3.456 0 01-1.795.503c-1.57 0-2.547-1.154-2.547-2.811 0-1.567.943-2.87 2.603-2.87a3.806 3.806 0 011.873.48v-1.12c-.426-.205-1.099-.377-1.895-.377-2.312 0-3.837 1.737-3.837 3.921 0 2.206 1.323 3.795 3.668 3.795a4.49 4.49 0 002.256-.572L41 32.57z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");
}

.disk-file-control-panel-card--xls .disk-file-control-panel-card-icon {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='52' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23E5E8EB' d='M0 0h28.131l10.82 11.53v39.633H0z'/%3E%3Cpath fill='%23535C69' opacity='.3' d='M27.604.087l11.226 11.44H27.604z'/%3E%3Cpath fill='%2354B51E' fill-rule='nonzero' d='M15.53 22.96H44v14.918H15.53z'/%3E%3Cpath d='M21.738 33.976h1.29l2.008-2.904 1.884 2.904h1.336l-2.48-3.818 2.558-3.715h-1.302l-1.929 2.834-1.84-2.834h-1.335l2.424 3.75-2.614 3.783zm7.626 0h3.837v-1.018h-2.659v-6.515h-1.178v7.533zm4.117-.515c.515.378 1.278.63 2.13.63 1.482 0 2.547-.802 2.547-2.116 0-2.367-3.208-2.194-3.208-3.68 0-.675.55-.904 1.11-.904.595.009 1.18.161 1.706.446v-1.086c-.382-.205-1.01-.377-1.739-.377-1.481 0-2.333.926-2.333 2.035 0 2.275 3.22 2.08 3.22 3.669 0 .731-.64.994-1.325.994a2.919 2.919 0 01-1.637-.526l-.471.915z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");
}

.disk-file-control-panel-card--ppt .disk-file-control-panel-card-icon {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='52' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23E5E8EB' d='M0 .087h27.728L38.83 11.745v39.347H0z'/%3E%3Cpath fill='%23535C69' opacity='.3' d='M27.604.087l11.226 11.44H27.604z'/%3E%3Cpath fill='%23E89E00' fill-rule='nonzero' d='M15.53 22.96H44v14.918H15.53z'/%3E%3Cpath d='M22.265 33.976h1.178v-2.652h.37c.662 0 1.156-.103 1.548-.275.987-.423 1.358-1.291 1.358-2.172 0-.994-.427-1.714-1.156-2.103-.426-.228-.942-.331-1.649-.331h-1.65v7.533zm1.178-3.635v-2.915h.438c.437 0 .751.08.987.217.415.251.617.697.617 1.234 0 .606-.213 1.052-.662 1.27-.224.125-.527.194-.931.194h-.449zm4.721 3.635h1.179v-2.652h.37c.662 0 1.155-.103 1.548-.275.987-.423 1.357-1.291 1.357-2.172 0-.994-.426-1.714-1.155-2.103-.427-.228-.943-.331-1.65-.331h-1.649v7.533zm1.179-3.635v-2.915h.437c.438 0 .752.08.987.217.415.251.617.697.617 1.234 0 .606-.213 1.052-.662 1.27-.224.125-.527.194-.93.194h-.45zm6.347 3.635h1.179V27.46h2.007l.337-1.017h-5.665v1.017h2.142v6.516z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");
}

.disk-file-control-panel-card--doc .disk-file-control-panel-card-btn {
	background-color: #2c77b1;
}

.disk-file-control-panel-card--xls .disk-file-control-panel-card-btn {
	background-color: #54b51e;
}

.disk-file-control-panel-card--ppt .disk-file-control-panel-card-btn {
	background-color: #e89e00;
}

.disk-file-control-panel-card-name {
	display: block;
	font: 13px 'Helvetica Neue', Arial, Helvetica, sans-serif;
	color: rgba(82,92,105,.9);
}

.disk-file-control-panel-create .disk-file-control-panel-card {
	background-color: rgba(255,255,255,.9);
}

.disk-file-control-panel-file-wrap .disk-file-control-panel-card-icon {
	margin: 23px auto 6px auto;
	width: 60px;
	height: 60px;
}

.disk-file-control-panel-card-icon.ui-icon i,
.disk-file-control-panel-card-icon i {
	border-radius: 0;
	background-color: transparent;
}

.disk-file-control-panel-card-divider {
	display: block;
	margin-right: 16px;
	width: 1px;
	height: 106px;
	background-color: rgba(82,92,105,.1);
}

.disk-file-control-panel-card-icon--docs .disk-file-control-panel-card-icon {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='38' height='26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.14 12.362h33.72c.968 0 1.752.784 1.752 1.752v8.758a2.628 2.628 0 01-2.628 2.628H3.016a2.628 2.628 0 01-2.628-2.628v-8.758c0-.968.784-1.752 1.752-1.752zm10.586 4.92c-.555 0-.899.48-.899 1.07v.774c0 .59.344 1.069.9 1.069h18.29c.554 0 .923-.479.923-1.069v-.775c0-.59-.369-1.068-.924-1.068h-18.29zm-5.77 4.082a2.433 2.433 0 100-4.865 2.433 2.433 0 000 4.865zM7.828.5H30.2a2.19 2.19 0 011.943 1.18l4.374 7.999H1.702l4.164-7.964A2.19 2.19 0 017.827.5z' fill='%23525C69' fill-rule='evenodd' opacity='.5'/%3E%3C/svg%3E");
	background-size: 38px 26px;
}

.disk-file-control-panel-card-icon--b24 .disk-file-control-panel-card-icon {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='39' height='27' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.573 0c3.11.004 5.856 1.575 7.506 3.973a7.41 7.41 0 012.506-.432c3.882.005 7.07 2.995 7.44 6.818 3.72.82 6.504 4.168 6.5 8.17-.003 4.614-3.707 8.351-8.273 8.35-.16 0-.319-.005-.477-.014H8.998c-.178 0-.354-.007-.529-.02C3.774 26.737 0 22.857 0 18.088a8.811 8.811 0 012.545-6.197 8.668 8.668 0 012.895-1.93 9.297 9.297 0 012.658-7.255A9.107 9.107 0 0114.573 0zm.105 9.252c-1.66 0-3.056.51-4.063.968l.619 1.848c.9-.405 1.872-.792 3.055-.792.884 0 1.714.352 1.714 1.355 0 2.289-5.3 2.623-5.776 8.344h8.46v-2.042h-5.316c.742-2.447 5.158-3.345 5.158-6.548 0-1.83-1.255-3.133-3.851-3.133zm11.146.035h-1.731l-5.83 7.393v1.531h5.211v2.764h2.35V18.21h1.73v-1.936h-1.73V9.287zM23.58 12.86c-.035.229-.106 1.268-.106 2.165v1.25h-1.06c-.406 0-1.254.035-1.466.053z' fill='%232FC6F6' fill-rule='evenodd'/%3E%3C/svg%3E");
	background-size: 39px 27px;
}

.disk-file-control-panel-card-icon--google-docs .disk-file-control-panel-card-icon {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.47 19.36A8.25 8.25 0 0016 24.234c1.461 0 2.84-.39 4.045-1.063l5.276 5.23A15.561 15.561 0 0116 31.5a15.608 15.608 0 01-12.908-6.809zm21.991-6.993c.44 0 .818.31.9.738.183.946.275 1.921.275 2.895 0 4.392-1.869 8.352-4.848 11.166l-5.178-5.134a8.14 8.14 0 001.84-2.4h-7.39a.912.912 0 01-.916-.908v-5.449c0-.502.41-.908.916-.908zM2.078 8.993l5.749 5.699c-.07.429-.134.86-.134 1.308 0 .448.064.88.134 1.308l-5.749 5.699A15.218 15.218 0 01.364 16c0-2.524.626-4.901 1.714-7.007zM16 .5a15.67 15.67 0 019.993 3.604.903.903 0 01.059 1.338l-3.91 3.877a.92.92 0 01-1.198.084A8.21 8.21 0 0016 7.766a8.25 8.25 0 00-7.53 4.874L3.092 7.309A15.609 15.609 0 0116 .5z' fill='%23525C69' fill-rule='evenodd' opacity='.3'/%3E%3C/svg%3E");
	background-size: 32px 32px;
}

.disk-file-control-panel-card-icon--office365 .disk-file-control-panel-card-icon {
	background-image: url('');
	background-size: 37px 37px;
}

.disk-file-control-panel-card-icon--upload .disk-file-control-panel-card-icon {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%232FC6F6' fill-rule='evenodd'%3E%3Cpath d='M11.673 8.13l8.962 8.148a1 1 0 01-.673 1.74h-5.98l.001 9.7a1 1 0 01-1 1H9.017a1 1 0 01-1-1v-9.7h-5.98a1 1 0 01-.673-1.74l8.962-8.148a1 1 0 011.346 0z'/%3E%3Crect width='22' height='5' rx='2'/%3E%3C/g%3E%3C/svg%3E");
	background-size: 22px 29px;
}

.disk-file-control-panel-card-icon--more .disk-file-control-panel-card-icon {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5.167a3.833 3.833 0 110 7.666 3.833 3.833 0 010-7.666zm11.5 0a3.833 3.833 0 110 7.666 3.833 3.833 0 010-7.666zm11.5 0a3.833 3.833 0 110 7.666 3.833 3.833 0 010-7.666z' fill='%23525C69' fill-rule='evenodd' opacity='.3'/%3E%3C/svg%3E");
	background-size: 32px 8px;
}

.disk-file-control-panel-btn-upload-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 41px;
}

.disk-file-control-panel-btn-upload {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 5px 10px;
	width: 100%;
	height: 41px;
	border-radius: 12px;
	border: 2px dashed rgba(82,92,105,.15);
	font: 13px 'Helvetica Neue', Arial, Helvetica, sans-serif;
	color: rgba(82,92,105,.5);
	text-align: center;
	-webkit-transition: height .3s, border .3s;
	-o-transition: height .3s, border .3s;
	transition: height .3s, border .3s;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	cursor: pointer;
}

.disk-file-control-panel-btn-upload:hover {
	border: 2px dashed rgba(82,92,105,.30);
}

.bxu-file-input-over .disk-file-control-panel-btn-upload {
	position: absolute;
	background-color: white;
	z-index: 5;
	bottom: 0;
	top: 0;
	right: 0;
	left: 0;
	border: 2px dashed #2fc6f6;
	width: 100%;
	height: 100%;
	font: 15px 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
.bxu-file-input-over .disk-file-control-panel-file-wrap {
	opacity: 0;
	pointer-events: none;
}

.bxu-file-input-over .disk-file-control-panel-btn-settings {
	display: none;
}

.disk-file-control-panel-btn-settings {
	display: block;
	margin-left: 10px;
	width: 32px;
	height: 32px;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.691 11.078a3.158 3.158 0 01-3.769-3.77c.23-1.075 1.31-2.157 2.386-2.386a3.158 3.158 0 013.77 3.77 3.106 3.106 0 01-2.387 2.386zM13.83 6.57a5.992 5.992 0 00-.488-1.313.05.05 0 01.006-.053l.994-1.234a.7.7 0 00-.021-.905l-.63-.71a.7.7 0 00-.897-.127l-1.355.852a5.962 5.962 0 00-1.969-.895.05.05 0 01-.037-.04L9.173.586A.7.7 0 008.484 0h-.95a.698.698 0 00-.69.585l-.26 1.562a.05.05 0 01-.037.04 5.96 5.96 0 00-1.624.674.05.05 0 01-.053-.002l-1.263-.901a.7.7 0 00-.902.074l-.671.672a.7.7 0 00-.074.902l.903 1.265a.05.05 0 01.002.054 5.976 5.976 0 00-.669 1.611.05.05 0 01-.04.037l-1.57.262a.7.7 0 00-.585.69v.95a.7.7 0 00.585.69l1.57.262a.05.05 0 01.04.037c.118.469.287.918.508 1.335a.05.05 0 01-.005.054l-.99 1.226a.7.7 0 00.021.905l.63.71a.7.7 0 00.897.127l1.348-.846a.05.05 0 01.053 0 5.96 5.96 0 001.92.846l.267 1.594a.698.698 0 00.69.585h.95a.7.7 0 00.69-.585l.26-1.562a.05.05 0 01.036-.04 5.952 5.952 0 001.605-.663.05.05 0 01.053.002l1.317.94c.277.2.66.169.901-.074l.672-.671a.698.698 0 00.073-.902l-.937-1.314a.05.05 0 01-.002-.054 5.92 5.92 0 00.67-1.616.05.05 0 01.04-.037l1.553-.259a.699.699 0 00.585-.69v-.95a.7.7 0 00-.585-.69l-1.585-.264z' fill='%23525C69' fill-rule='evenodd'/%3E%3C/svg%3E") center no-repeat;
	background-size: 16px 16px;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
	opacity: .4;
	cursor: pointer;
}

.disk-file-control-panel-btn-settings:hover {
	opacity: 1;
}
/* region Popup */

.disk-file-popup-settings-wrap {
	padding: 20px;
}

.disk-file-popup-settings-item {
	position: relative;
	display: block;
	margin-bottom: 18px;
	padding-left: 22px;
	font: 14px 'Helvetica Neue', Arial, Helvetica, sans-serif;
	color: #333;
	cursor: pointer;
}

.disk-file-popup-settings-item:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 0;
	display: block;
	width: 12px;
	height: 9px;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.36 3.446L4.013 6.1 10.316 0l1.36 1.36-6.3 6.1-1.363 1.36-1.36-1.36L0 4.806z' fill='%232066B0'/%3E%3C/svg%3E") center no-repeat;
}

.disk-file-popup-settings-item:last-child {
	margin-bottom: 0;
}

.disk-file-popup-rename-file-wrap .popup-window-titlebar {
	height: 35px;
}

.disk-file-popup-rename-file-wrap .popup-window-titlebar-text {
	padding-top: 15px;
	padding-left: 10px;
	font: 13px 'Helvetica Neue', Arial, Helvetica, sans-serif;
	color: #525C69;
	opacity: .5;
}

.disk-file-popup-rename-file-wrap.popup-window-with-titlebar .popup-window-content {
	padding: 0 10px 10px 10px;
	background-color: transparent;
}

.disk-file-popup-menu-rename .menu-popup-item-icon {
	display: none;
}

.disk-file-popup-menu-rename .menu-popup-item-text {
	padding: 0 15px;
}

.disk-file-popup-rename-file-btn-box {
	margin: 17px 0 0 0;
}

.disk-file-popup-menu-disk .menu-popup-item-icon {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.995 3.205v8.926H.011V3.205h12.984zM7.315.77l1.623 1.623H.01V.77h7.304z' fill='%239CA3AD' fill-rule='evenodd'/%3E%3C/svg%3E") center 0 no-repeat;
}

.disk-file-popup-rename-file-textarea {
	padding: 10px;
	min-height: 103px;
	border: 1px solid #c6cdd3;
	font: 14px 'Helvetica Neue', Arial, Helvetica, sans-serif;
	color: #333;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.disk-file-popup-rename-file-wrap .popup-window-angly {
	top: 45px!important;
	left: -27px!important;
	-webkit-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	        transform: rotate(-90deg);
}

/* endregion */

.ui-tile-uploader-stack {
	width: 100px;
	height: 100px;
	border: 1px dashed tomato;
}
